<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="header.jsp" />

<div style="max-width: 500px; margin: 50px auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(168, 150, 255, 0.1);">
  <h2 style="color: var(--dark-color); text-align: center; margin-bottom: 30px;">用户注册</h2>

  <form action="${pageContext.request.contextPath}/doRegister.jsp" method="post">
    <div class="form-group">
      <label for="username">用户名</label>
      <input type="text" id="username" name="username" required>
    </div>

    <div class="form-group">
      <label for="email">电子邮箱</label>
      <input type="email" id="email" name="email" required>
    </div>

    <div class="form-group">
      <label for="password">密码</label>
      <input type="password" id="password" name="password" required>
    </div>

    <div class="form-group">
      <label for="confirm-password">确认密码</label>
      <input type="password" id="confirm-password" name="confirm-password" required>
    </div>

    <div style="text-align: center; margin-top: 30px;">
      <button type="submit" class="btn">注册</button>
    </div>

    <div style="text-align: center; margin-top: 20px;">
      <a href="${pageContext.request.contextPath}/login.jsp" style="color: var(--primary-color);">已有账号？立即登录</a>
    </div>
  </form>
</div>

<jsp:include page="footer.jsp" />